//@import '../widgets.less';
.panel {
  top: 20px;
  width: 220px;
  .container {
    max-height: 460px;
    padding: 10px 0;
    overflow-y: auto;
    // 滚动条
    &::-webkit-scrollbar-track
    {
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar-thumb
    {
        background-color: #c1c1c1;
    }
      // end滚动条样式

    .item {
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .title {
        span {
          display: inline-block;
          vertical-align: middle;
          width: 96px;
          margin-left: 8px;
          color: rgba(153, 153, 153, 1);
          line-height: 16px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      :global {
        .ant-switch {
          height: 18px;
          line-height: 1;
          width: 35px;
          min-width: 35px;
        }
        .ant-switch-loading-icon,
        .ant-switch::after {
          top: 2px;
          right: 5px;
          width: 11px;
          height: 11px;
        }
        .ant-switch-checked {
          background-color: #49e5e2;
        }

      }
    }
  }
}


.addedlist {
  height: 164px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0 15px 10px;

  .item {
    height: 26px;
    background-color: rgba(249,109,27,0.3);
    color: white;
    border-radius: 5pxtreewrap;
  }
}

.treewrap {
  height: 300px;
  padding: 10px 0 15px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  div:nth-child(1){
    div:nth-child(1){
      //overflow-y: scroll !important;
      //overflow-x: auto !important;
    }
  }

  .tree {
    height: 270px;
    color: white !important;
    background: none !important;
    & li :global(.ant-tree-node-content-wrapper) {
      color: rgba(255, 255, 255, 1) !important;
      width: calc(95% - 46px);

      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }

    & :global(.ant-tree-checkbox-indeterminate) {
      & :global(.ant-tree-checkbox-inner)::after {
        background-color: rgba(249, 109, 27, 1);
      }
    }

    & :global(.ant-tree-checkbox) {
      float: left;

      & :global(.ant-tree-checkbox-inner) {
        background-color: transparent;
        border: 1px solid rgba(249, 109, 27, 1);
        border-radius: 3px;
      }
      &:hover :global(.ant-tree-checkbox-inner) {
        border-color: rgba(249, 109, 27, 1);
      }
    }

    & :global(.ant-tree-checkbox-checked) {

      &::after {
        border: none !important;
      }

      & :global(.ant-tree-checkbox-inner) {
        background-color: rgba(249, 109, 27, 1);
      }
    }
  }
  .tree2nd {
    height: 230px;
    color: white !important;

    & li :global(.ant-tree-node-content-wrapper) {
      color: rgba(255, 255, 255, 1) !important;
      width: calc(95% - 46px);

      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }

    & :global(.ant-tree-checkbox-indeterminate) {
      & :global(.ant-tree-checkbox-inner)::after {
        background-color: rgba(249, 109, 27, 1);
      }
    }

    & :global(.ant-tree-checkbox) {
      float: left;

      & :global(.ant-tree-checkbox-inner) {
        background-color: transparent;
        border: 1px solid rgba(249, 109, 27, 1);
        border-radius: 3px;
      }
      &:hover :global(.ant-tree-checkbox-inner) {
        border-color: rgba(249, 109, 27, 1);
      }
    }

    & :global(.ant-tree-checkbox-checked) {

      &::after {
        border: none !important;
      }

      & :global(.ant-tree-checkbox-inner) {
        background-color: rgba(249, 109, 27, 1);
      }
    }


  }
}
